/**
 * pc端
 * @param radio 画布大小比例
 * @param color 颜色
 * @returns 数据地址
 */
const PcImage = (radio?: number, color?: string) => {
    const r = radio || 1;
    const col = color || '#ffffff';
    const canvas = document.createElement('canvas');
    canvas.width = canvas.height = 40 * r;
    const ctx = canvas.getContext('2d')!;

    ctx.save();
    ctx.strokeStyle = "rgba(0,0,0,0)";
    ctx.miterLimit = 4;
    ctx.fillStyle = col;
    ctx.scale(0.0389, 0.039);
    ctx.save();
    ctx.beginPath();
    ctx.moveTo(518.4 * r, 628.21333333 * r);
    ctx.moveTo(488.53333333 * r, 628.21333333 * r);
    ctx.translate(518.4 * r, 628.2133346325368 * r);
    ctx.rotate(0);
    ctx.arc(0, 0, 29.86666667 * r, -3.141592611442945, 0, true);
    ctx.rotate(0);
    ctx.translate(-518.4 * r, -628.2133346325368 * r);
    ctx.translate(518.4 * r, 628.21333333 * r);
    ctx.rotate(0);
    ctx.arc(0, 0, 29.86666667 * r, 0, 3.141592653589793, true);
    ctx.rotate(0);
    ctx.translate(-518.4 * r, -628.21333333 * r);
    ctx.fill();
    ctx.stroke();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.moveTo(518.4 * r, 628.21333333 * r);
    ctx.moveTo(488.53333333 * r, 628.21333333 * r);
    ctx.translate(518.4 * r, 628.2133346325368 * r);
    ctx.rotate(0);
    ctx.arc(0, 0, 29.86666667 * r, -3.141592611442945, 0, true);
    ctx.rotate(0);
    ctx.translate(-518.4 * r, -628.2133346325368 * r);
    ctx.translate(518.4 * r, 628.21333333 * r);
    ctx.rotate(0);
    ctx.arc(0, 0, 29.86666667 * r, 0, 3.141592653589793, true);
    ctx.rotate(0);
    ctx.translate(-518.4 * r, -628.21333333 * r);
    ctx.fill();
    ctx.stroke();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.moveTo(835.09333333 * r, 732.10666667 * r);
    ctx.lineTo(201.70666667 * r, 732.10666667 * r);
    ctx.bezierCurveTo(155.84 * r, 732.10666667 * r, 118.61333334000001 * r, 694.77333334 * r, 118.61333333 * r, 649.01333334 * r);
    ctx.lineTo(118.61333333 * r, 283.89333333 * r);
    ctx.bezierCurveTo(118.61333333 * r, 238.02666666000002 * r, 155.94666666 * r, 200.8 * r, 201.70666667 * r, 200.80000001000002 * r);
    ctx.lineTo(835.09333333 * r, 200.80000001000002 * r);
    ctx.bezierCurveTo(880.9599999999999 * r, 200.80000001000002 * r, 918.1866666599999 * r, 238.13333334000004 * r, 918.1866666699999 * r, 283.89333333 * r);
    ctx.lineTo(918.1866666699999 * r, 648.90666667 * r);
    ctx.bezierCurveTo(918.2933333399999 * r, 694.77333334 * r, 880.9599999999999 * r, 732.1066666700001 * r, 835.09333333 * r, 732.1066666700001 * r);
    ctx.closePath();
    ctx.moveTo(201.70666667 * r, 247.73333334 * r);
    ctx.bezierCurveTo(181.76 * r, 247.73333334 * r, 165.54666667 * r, 263.94666667 * r, 165.54666667 * r, 283.89333333 * r);
    ctx.lineTo(165.54666667 * r, 648.90666667 * r);
    ctx.bezierCurveTo(165.54666667 * r, 668.8533333400001 * r, 181.76000000000002 * r, 685.06666667 * r, 201.70666667 * r, 685.06666667 * r);
    ctx.lineTo(835.09333333 * r, 685.06666667 * r);
    ctx.bezierCurveTo(855.04 * r, 685.06666667 * r, 871.2533333299999 * r, 668.8533333400001 * r, 871.2533333299999 * r, 648.90666667 * r);
    ctx.lineTo(871.2533333299999 * r, 283.89333333 * r);
    ctx.bezierCurveTo(871.2533333299999 * r, 263.94666666 * r, 855.04 * r, 247.73333333000002 * r, 835.09333333 * r, 247.73333334 * r);
    ctx.lineTo(201.70666667 * r, 247.73333334 * r);
    ctx.closePath();
    ctx.fill();
    ctx.stroke();
    ctx.restore();
    ctx.save();
    ctx.beginPath();
    ctx.moveTo(622.93333333 * r, 838.77333333 * r);
    ctx.lineTo(413.86666667 * r, 838.77333333 * r);
    ctx.bezierCurveTo(393.38666666999995 * r, 838.77333333 * r, 376.10666667 * r, 829.92 * r, 368.64 * r, 815.62666667 * r);
    ctx.bezierCurveTo(362.88 * r, 804.64 * r, 363.84 * r, 791.8399999999999 * r, 371.09333333 * r, 781.4933333399999 * r);
    ctx.lineTo(424.96000000000004 * r, 704.4799999999999 * r);
    ctx.bezierCurveTo(433.38666667 * r, 692.4266666699999 * r, 449.38666667 * r, 685.2799999999999 * r, 467.73333333000005 * r, 685.2799999999999 * r);
    ctx.lineTo(568.96 * r, 685.2799999999999 * r);
    ctx.bezierCurveTo(587.30666667 * r, 685.2799999999999 * r, 603.30666667 * r, 692.4266666699998 * r, 611.73333333 * r, 704.4799999999999 * r);
    ctx.lineTo(665.6 * r, 781.4933333399999 * r);
    ctx.bezierCurveTo(672.85333333 * r, 791.8400000099999 * r, 673.70666667 * r, 804.6400000099999 * r, 668.05333333 * r, 815.62666667 * r);
    ctx.bezierCurveTo(660.69333333 * r, 829.81333334 * r, 643.41333333 * r, 838.7733333399999 * r, 622.93333333 * r, 838.77333333 * r);
    ctx.closePath();
    ctx.moveTo(421.12 * r, 791.84 * r);
    ctx.lineTo(615.78666667 * r, 791.84 * r);
    ctx.lineTo(574.61333333 * r, 732.96 * r);
    ctx.bezierCurveTo(573.65333333 * r, 732.64 * r, 571.73333333 * r, 732.10666667 * r, 569.17333333 * r, 732.10666667 * r);
    ctx.lineTo(467.94666667 * r, 732.10666667 * r);
    ctx.bezierCurveTo(465.38666667 * r, 732.10666667 * r, 463.46666667 * r, 732.53333334 * r, 462.50666667 * r, 732.96 * r);
    ctx.lineTo(421.12 * r, 791.84 * r);
    ctx.closePath();
    ctx.moveTo(575.25333333 * r, 733.28 * r);
    ctx.closePath();
    ctx.moveTo(461.65333333 * r, 733.28 * r);
    ctx.closePath();
    ctx.fill();
    ctx.stroke();
    ctx.restore();

    return canvas.toDataURL('image/png');
}


export { PcImage };